<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jQuery发送Ajax请求</title>
  <script src="script/jquery-3.7.1.min.js"></script>
  <script type="text/javascript">
    $.ajax({
      url: "data/cat.json",
      success(data) {
        console.log("第一次请求data:", data);
        $.ajax({
          url: `data/cat${data.id}_detail.json`,
          success(data) {
            console.log("第二次请求data:", data);
            $.ajax({
              url: `data/cat${data.gf_id}_detail.json`,
              success(data) {
                console.log("第三次请求data:", data)
              },
              error(data) {
                console.log("第三次请求error:", data);
              }
            })
          },
          error(data) {
            console.log("第二次请求error:", data);
          }
        })
      },
      error(data) {
        console.log("第一次请求error:", data);
      }
    })
  </script>
</head>
<body>

</body>
</html>
